<extend name="default/template/base_index" />

<block name="area_header">

    <style type="text/css">
        #slider-0{
            height: 240px;
        }
        
        #slider-0 img{
            height: 240px;
        }
        .l-main .case-item{
            float: left;
            margin: 0px auto;
            text-align: center;
            width: 340PX;

            MARGIN-LEFT: 10PX;
            MARGIN-TOP: 10PX;
        }
        .b-left-cate h3 a{
            color:#FFFFFF;
        }
        .b-left-cate h3{
            margin-bottom: 0px;
            background: #f40;
            color: #fff;
            line-height: 35px;
            text-indent: 28px;
            width: 200px;
            height: 35px;
            font-size: 14px;
            white-space: nowrap;
            overflow: hidden;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
        }
        .b-right-case{
            width: 740px;
            border: 1px solid #E4D7D7;
            border-radius: 5px;
        }
        .b-left-cate .b-cate-list{

            border: 1px solid #E4D7D7;
        }
    </style>
</block>


<block name="area_body">
    <assign name="active_nav" value="3" />
    <include file="default/partials/top" />

    <div class="l-main">
        <include file="default/partials/nav" />
    </div>


    <div class="l-main">
        <div class="am-slider am-slider-default" data-am-flexslider id="slider-0">
            <ul class="am-slides">
                <li><img src="__IMG__/slider/01.png" /></li>
                <li><img src="__IMG__/slider/02.png" /></li>
                <li><img src="__IMG__/slider/03.png" /></li>
            </ul>
        </div>
    </div>

    <div class="l-main  am-cf">
        <div class="b-left-cate am-fl">
            <h3><a href="#" >项目分类</a></h3>
            <div class="b-cate-list">
                <img src="__IMG__/demo/left-cate.png" class="am-img-responsive" />
                <!--<ul>-->
                <!--<li ><a href="#" >建筑/建材行业</a></li>-->
                <!--<li ><a href="#" >家具/装饰行业</a></li>-->
                <!--<li ><a href="#" >工业/机械设备</a></li>-->
                <!--<li ><a href="#" >服装/服饰品牌</a></li>-->
                <!--<li ><a href="#" >电子/电器设备</a></li>-->
                <!--<li ><a href="#" >培训/学校教育</a></li>-->
                <!--<li ><a href="#" >汽车/配件行业</a></li>-->
                <!--</ul>-->
            </div>
        </div>
        <div class="am-fr b-right-case">
        <volist name="cases" id="vo">
        <a href="{:U('Xbd/Index/view',array('id'=>$vo['id']))}">
        <div class="case-item">
            <img src="{$vo.main_img}" class="am-img-responsive"/>
            <div class="case-name">
                {$vo.post_title}
            </div>
        </div>
        </a>
        </volist>
        </div>
    </div>

    {$show}




    {__NORUNTIME__}
</block>
